$logo-padding: 35px; 
$logo-bg-color: #0faeff;
$logo-bg-border-color:#eaeaea;
$form-border-color: rgba(214, 214, 214, 1);
$text-color: #B6B6B6;
$action-row-color:#909090; //忘记密码

.page_login {
	padding: 10px;
	width: 100%;
}	

// 头部
.head {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: $logo-padding;
	padding-bottom: $logo-padding;

	.head_bg {
		border: 1px solid $logo-bg-border-color;
		border-radius: 50px;
		width: 100px;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		.head_inner_bg {
			border-radius: 40px;
			width: 80px;
			height: 80px;
			display: flex;
			background-color:$logo-bg-color;
			align-items: flex-end;
			justify-content: center;
			overflow: hidden;
		}
	}
}

// 表单
.login_form {
	display: flex;
	margin: 10px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid $form-border-color;
	border-radius: 0;

	.line {
		width: 100%;
		height: 1px;
		background-color: $form-border-color;
	}
	
	input{
		color: $text-color;
	}
	
	.input {
		width: 100%;
		max-height: 45px;
		min-height: 45px;
		display: flex;
		padding: 0px;
		flex-direction: row;
		align-items: center;
		justify-content: center;

		.img {
			min-width: 40px;
			min-height: 40px;
			margin: 3px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		input {
			outline: none;
			height: 30px;
			width: 100%;

			&:focus {
				outline: none;
			}
		}
	}
	
	.code {
		min-height: 45px;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	
		input {
			outline: none;
			outline: none;
			border-bottom: 1px solid #d6d6d6;
			border-radius: 0;
			padding-left: 10px;
			padding-left: 10px;
	
			&:focus {
				outline: none;
			}
		}
		
		button{
			height:35px;
			line-height:35px;
			width: 125px;
			min-width: 125px;
			color: #007aff;
			border: none;	
			background-color: rgba(0,0,0,0);
			border-radius: 0;
			margin-left: 0;
		}
		
	}
	
}

// 忘记密码
.action-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	
	navigator {
		color: $action-row-color;
		padding: 0 20upx;
	}
}

// 快速登录线
.quick_login_line {
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;

	.line {
		height: 1px;
		width: 38%;
		background-color: rgba(211, 211, 213, 1);
	}

	.text {
		font-size: 13px;
		color: rgba(200, 200, 200, 1);
		margin: 2px;
	}
}

// 快速登录
.oauth-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	
	.oauth-image {
		width: 100upx;
		height: 100upx;
		border: 1upx solid #dddddd;
		border-radius: 100upx;
		margin: 0 40upx;
		background-color: #ffffff;
		
		image {
			width: 60upx;
			height: 60upx;
			margin: 20upx;
		}
	}
}

.btn-row {
	margin-top: 50upx;
	padding: 20upx;
}